body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    font-family: "Microsoft Yahei",arial;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:focus {
        outline: none;
    }
}

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"], textarea {
    -webkit-appearance: none;
}  

html,body{
    height: 100%;
    width: 100%;
    color: #333;
    background-color: #F5F5F5;
    -webkit-overflow-scrolling: touch;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}

.clear{
    zoom:1;
}
@sfRed: #FD545B;

.container {
    overflow-y: auto;
    position: absolute;
    top: 46px;
    width: 100%;
    height: calc(~"100vh - 46px");
    box-sizing: border-box;
    &.has-footer{
        height: calc(~"100vh - 96px");
    }
}

.mint-header {
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    background-color: #4C4B53;
    z-index: 1;
    h1 {
        font-size: .48rem;
    }
    .mint-button {
        height: 46px;
        line-height: 46px;
    }
    .mintui-back {
        font-size: 20px;
        margin-right: -5px;
    }
    .mintui-more{
        font-size: 24px;
    }
}

.mint-toast {
    min-width: 30%;
}
.mint-msgbox-btn {
    font-size: 1em;
}
//.sf-reset {
//  .mint-msgbox-confirm {
//      color: @sfRed;
//  }
//  .container {
//      .mint-button--primary {
//          background-color: #FF6054;
//      }
//      .mint-button--default {
//          background-color: #fbfafc;
//      }
//      .mint-button--danger {
//          background-color: #e94f4f;
//      }
//  }
//  .mint-searchbar {
//      background-color: #efeff4;
//      border-bottom: 1px solid #d6d6db;
//  }
//  input[type="search"]::-webkit-search-cancel-button {
//      -webkit-appearance: none;
//      height: 22px;
//      width: 22px;
//      border-radius: 50%;
//      color: #979797;
//      background: url("../assets/empty.svg") no-repeat 0 0;
//      background-size: 22px 22px;
//  }
//  .mint-searchbar-cancel {
//      color: @sfRed;
//      font-size: 14px;
//  }
//  .mint-navbar .mint-tab-item.is-selected {
//      border-bottom: 0;
//  }
//  .mint-tab-item.is-selected .mint-tab-item-label {
//      color: inherit;
//      font-size: 12px;
//      line-height: 1;
//      height: 100%;
//      align-items: center;
//      display: inline-flex;
//      padding: 0 5px;
//      border-bottom: 3px solid @sfRed;
//      color: @sfRed;
//      margin-bottom: -3px;
//  }
//  .mint-navbar .mint-tab-item {
//      font-size: 15px;
//      height: 44px;
//      display: inline-flex;
//      align-items: center;
//      justify-content: center;
//      padding: 0;
//      .mint-tab-item-label{
//          font-size: 14px;
//      }
//  }
//}
.mint-footer {
    height: 50px;
    border-top: 1px solid #C0BFC4;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: box;
    display: flex;
    text-align: center;
    background-color: #f7f7fa;
    .tab-item {
        display: block;
        position: relative;
        padding: 4px 0 3px;
        -webkit-box-flex: 1;
        box-flex: 1;
        flex: 1;
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #000;
        .icon {
            display: inline-block;
            width: 25px;
            height: 25px;
        }
        .one {
            background: url("../assets/icon_tabbar.png") no-repeat center;
            background-size: contain;
        }
        &.router-link-active {
            color: @sfRed;
            .one {
                background: url("../assets/icon_tabbar.png") no-repeat center;
                background-size: contain;
            }
        }
    }
}

.picker-item.picker-selected{
    color: #FF6256;
}
/* 父元素-flex容器 */
.flex {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴） */
.flex-h {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/* 父元素-横向换行 */
.flex-hw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 其它取值如下：
    align-items     主轴原点方向对齐
    flex-end        主轴延伸方向对齐
    space-between   等间距排列，首尾不留白
    space-around    等间距排列，首尾留白
   */
}

/* 父元素-纵向排列（主轴） */
.flex-v {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/* 父元素-纵向换行 */
.flex-vw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
/* 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
.flex-1 {
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */
.flex-2 {
  -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
